import React from 'react'

import ThemeContent from '../theme-context'

const ThemeBar = () => {
    return (
        <ThemeContent.Consumer>
            { theme => {
                return (
                    <div className="alert mt-5"
                    style={{ backgroundColor: theme.bgColor, color: theme.color}}>
                        样式区域
                        <button className={theme.classname}>按钮样式</button>
                    </div>
                )
            }}
        </ThemeContent.Consumer>
    )
}

export default ThemeBar